<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>登录页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" type="text/css" href="../css/icon.css" />
		<link rel="stylesheet" type="text/css" href="../css/login.css" />
		<!--<link rel="stylesheet" type="text/css" href="../css/amazeui.min.css" />-->
	</head>

	<body>
		<div class="am-g myapp-login">
			<div class="myapp-login-logo-block">
				<div class="myapp-login-logo">
					<i class="logo"></i>
				</div>
				<div class="myapp-login-logo-text">
					<div class="myapp-login-logo-text">
						<span>百福云仓</span>
					</div>
				</div>
				<div class="mui-content">
					<div class="denglu-tab">
						<div class="mui-segmented-control">
							<a class="mui-control-item mui-active mr50" href="#item2">密码登录</a>
							<a class="mui-control-item" href="#item3" >短信登录</a>
						</div>
					</div>
					<div>

						<div id="item2" class="mui-control-content mui-active">
							<div class="mui-input-row login-input">
								<span class="mui-icon mui-login-all phone-icon"></span>
								<input type="text" class="mui-input-password" placeholder="手机号" data-input-password="3">
							</div>
							<div class="mui-input-row login-input pr">
								<span class="mui-icon mui-login-all yanzhengma-icon"></span>
								<input type="password" class="mui-input-password" placeholder="验证码" data-input-password="3">
								<div class="login-line"></div>
								<span class="hqyzm">获取验证码</span>
							</div>
							<button type="button" class="mb20 login-btn-sz ">查询</button>
						</div>
						<div id="item3" class="mui-control-content">
							<div class="mui-input-row login-input">
								<span class="mui-icon mui-login-all phone-icon"></span>
								<input type="text" class="mui-input-password" placeholder="手机号" data-input-password="3">
							</div>
							<div class="mui-input-row login-input pr">
								<span class="mui-icon mui-login-all mima-icon"></span>
								<input type="password" class="mui-input-password" placeholder="密码" data-input-password="3">
								
							</div>
							<button type="button" class="mb20 login-btn-sz ">查询</button>
							<div class="login-zc">
								<div>忘记密码？</div>
								<div class="line-zc"></div>
								<div class="fr">立即注册</div>
							</div>
						</div>
						
						<div class="login-icon">
							<div class="login-qq"></div>
							<div class="login-wx"></div>
						</div>
						</div>
					</div>
				</div>
				<!--<div class="login-font">
					<i>Log In </i> or <span> Sign Up</span>
				</div>
				<div class="am-u-sm-10 login-am-center">
					<form class="am-form">
						<fieldset>
							<div class="am-form-group">
								<input type="email" class="" id="doc-ipt-email-1" placeholder="输入电子邮件">
							</div>

							<div class="am-form-group">
								<input type="password" class="" id="doc-ipt-pwd-1" placeholder="设置个密码吧">
							</div>
							<p><button type="submit" class="am-btn am-btn-default">Log In</button></p>
						</fieldset>
					</form>
				</div>-->
			</div>
		</div>
		<script src="../js/jquery-3.2.1.min.js"></script>
		<script src="../js/mui.min.js"></script>
	</body>
<script>
	$(function(){
		var num = 60;
		var time;
		$(".hqyzm").click(function(){
			clearInterval(time);			
			$(this).html(num);
				time = setInterval(function(){
				num--;
				$(".hqyzm").html(num);
				if(num == 0){
					num = "重新获取";
					$(".hqyzm").html(num);
					clearInterval(time);
				}
			},1000)
		})
	})
</script>
</html>